import { createRouter, createWebHistory } from 'vue-router'
import Home from '../pages/Home.vue'
import Settings from '../pages/Settings.vue'
import Categories from '../pages/Categories.vue'
import Summary from '../pages/Summary.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home,
    meta: {
      transition: 'stagger'
    }
  },
  {
    path: '/settings',
    name: 'settings',
    component: Settings,
    meta: {
      transition: 'slide'
    }
  },
  {
    path: '/categories',
    name: 'categories',
    component: Categories,
    meta: {
      transition: 'stagger'
    }
  },
  {
    path: '/summary',
    name: 'summary',
    component: Summary,
    meta: {
      transition: 'stagger'
    }
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router